@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome��firefox */
    url('iconfont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* svg logo */
.sb-svg{
    width:145px;
    height:140px;
}
.sb-s-txt{
    font-size:70px;
    stroke-dasharray: 280px;
    stroke-width:5px;
    fill:rgb(41,47,53);
    -webkit-animation:blurChange 5s linear 0s infinite alternate;
    animation:blurChange 5s linear 0s infinite alternate;
    stroke:#fff;
    font-family: sans-serif;
}
@-webkit-keyframes blurChange {
    0%{
        stroke-dashoffset:-280px;
    }
    40%{
        stroke-dashoffset:0px;
    }
    100%{
        stroke-dashoffset:0px;
    }
}
@keyframes blurChange {
    0%{
        stroke-dashoffset:-280px;
    }
    40%{
        stroke-dashoffset:0px;
    }
    100%{
        stroke-dashoffset:0px;
    }
}

body{
    background-color:rgb(40,40,40);
}
.g-global{
    width:1300px;
    margin:50px auto;
    box-shadow:0 0 20px rgba(0,0,0,.2);
}
.g-header{
    height:140px;
    display:table;
}
.g-h-left{
    width:145px;
    display:table-cell;
    background-color:rgb(43,191,189);
}
.g-h-right{
    width:1155px;
    height:140px;
    background-color:rgb(255,255,255);
}
.g-section{
    min-height:300px;
    background-color:rgb(238,238,238);
    display:table;
}
.g-s-left{
    width:145px;
    min-height:300px;
    display:table-cell;
    background-color:rgb(18,25,32);
    vertical-align:top;
}
.g-s-right{
    width:1155px;
    min-height:300px;
}
.g-h-memu{
    margin-top:20px;
}
.g-hl-item{
    display:block;
    height:110px;
    line-height:110px;
    position:relative;
    text-decoration:none;
}
.g-hli-icon{
    display:block;
    height:110px;
    color:rgb(41,47,53);
    text-align:center;
    font-size:50px;
    -webkit-transition:color .3s ease-in-out 0s;
    transition:color .3s ease-in-out 0s;
}

.g-hl-item-sel .g-hli-icon , .g-hl-item:hover .g-hli-icon{
    color:rgb(43,191,189);
}

.g-h-right{
    position:relative;
}
.g-hr-form{
    position:absolute;
    left:55px;
    top:45px;
}
.g-hrf-input{
    width:455px;
    height:45px;
    line-height:45px;
    background-color:#fff;
    border-style:none;
    font-size:15px;
    border-bottom:1px solid rgb(215,215,215);
}
.g-hrf-input::-webkit-input-placeholder{
    color:rgb(215,215,215);
    font-size:20px;
}
.g-hrf-input:focus{
    outline:none;
}
.g-hrf-icon{
    position:absolute;
    right:0;
    top:15px;
    font-size:20px;
    color:rgb(215,215,215);
}
.g-hr-user{
    position:absolute;
    right:50px;
    top:55px;
}
.g-hru-logo{
    font-size:36px;
    color:#9e9e9e;
}
.g-hru-author{
    font-size:30px;
    color:#9e9e9e;
    margin:0 5px;
}